<template>
	<view class="" style="background: linear-gradient(#fbfdff, #eee);">
		<view class="current"></view>
		<view class="">
			<view class="textName">
				项目信息
			</view>
			<view class="" style="position: absolute;top: 14%;overflow: scroll;z-index: 0;width: 100%;">
				<scroll-view scroll-y="true" style="height:1400rpx;" :style="{height:height}">
					<view class="main">
						<view class="main_box" @click="toIndex(i.id)" v-for="i in list" :key="i.id">
							<image :src="i.iconUrl" mode="" class="icon"></image>
							<view class="main_title">
								{{i.title}}
							</view>
						</view>
					</view>
				</scroll-view>
			</view>
			
			<view class="showEvaluate">
				<centerShow :showPop="showCenter" @refuse="refuse" @submit="subTel" :tip='tip' :showqx="true">
				</centerShow>
			</view>
		</view>
		<m-tabbar native>
			<template v-slot:tabbar_index_1>
				<view class="custom_style">
					<view class="custom_style_icon"></view>
				</view>
			</template>
		</m-tabbar>
	</view>
</template>

<script>
	// import {
	// 	historyProjectList,
	// } from '@/request/api.js'
	// import list from '@/components/common/list.vue'
	export default {
		// components:{
		// 	list
		// },
		data() {
			return {
				height: 0,
				list: [
				{
					id: 1,
					title: '风电类',
					iconUrl: '/static/my/type1.jpg',
				},
				{
					id: 2,
					title: '光伏类',
					iconUrl: '/static/my/type3.jpg',
				},
				{
					id: 3,
					title: '投资类',
					iconUrl: '/static/my/10.jpg',
				},
				{
					id: 4,
					title: '综合能源类',
					iconUrl: '/static/my/type4.jpg',
				},{
					id: 5,
					title: '储能类',
					iconUrl: '/static/my/type5.jpg',
				},
				{
					id: 6,
					title: '储备项目池',
					iconUrl: '/static/my/type6.jpg',
				},
				{
					id: 7,
					title: '其他',
					iconUrl: '/static/my/type7.jpg',
				},
				{
					id: 8,
					title: '项目数据总览',
					iconUrl: '/static/my/type8.jpg',
				}]
			}
		},
		created() {
			
		},
		onShow() {
			// this.projectListData = []
			// this.form.page = 1
			// this.projectList()
		},
		onLoad() {
			
		},
		onReady() {
			this.height = uni.getSystemInfoSync().windowHeight - 166 + 'px';
		},
		onReachBottom() {
			// if (this.form.page < this.last_page) {
			// 	this.form.page = this.form.page + 1
			// 	this.projectList()
			// }
		},
		methods: {
			returnLeft(){
				uni.navigateBack()
			},
			goAddprocess(id,item){
				uni.navigateTo({
					url:`/my_pages/addProgcess/addProgcess?id=${id}&item=${JSON.stringify(item)}`
				})
			},
			toIndex(id){
				if(id != 8){
					uni.navigateTo({
						url:`/pages/index/index?id=${id}`
					})
				}else{
					uni.navigateTo({
						url:`/pages/stateAll/index?id=${id}`
					})
				}
			},
		}
	}
</script>

<style scoped lang="scss">
	.current {
		background: url(../../static/my/bgAll.png);
		// background: url(../../static/selectBot.png);
		background-size: 100% 100%;
		height: 900px;
		background-repeat: no-repeat;
		position: fixed;
		top: -10px;
		overflow: hidden;
		left: 0;
		width: 100%;
	}
	.myTitle {
		.returLeft {
			top: 58px;
			left: 40rpx;
			position: fixed;
			width: 100rpx;
			color: #fff !important;
		}
	}
	.custom_style {
		color: #fff;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 24rpx;
	
		&_icon {
			// background-color: #15357A;
			background-image: url(../../static/tabble/tab2.png);
			font-size: 65rpx;
			width: 90rpx;
			height: 90rpx;
			border-radius: 100%;
			display: flex;
			background-repeat: no-repeat;
			background-size: 100%;
			justify-content: center;
			align-items: center;
			margin-top: -40rpx;
		}
	}
	.textName{
		top: 8%;
		left: 39%;
		position: fixed;
		color: #fff;
		font-size: 44rpx;
	}
	.main{
		width: 86%;
		margin: 0 auto;
		margin-bottom: 100rpx;
		// height: 1300rpx;
		position: absolute;
		// top:196rpx;
		left: 10%;
		// border: 1px solid black;
		display: flex;
		flex-wrap: wrap;
		z-index: 1000;
		.main_box{
			width: 41%;
			height: 41%;
			background: #fff;
			// border: 1px solid black;
			margin: 26rpx 20rpx;
			border-radius: 20rpx;
			overflow: hidden;
			box-shadow: 0px 0px 10px rgba(105, 118, 163, 0.1);
			image{
				width: 270rpx;
				height: 200rpx;
			}	
			.main_title{
				width: 100%;
				height: 52rpx;
				font-size: 34rpx;
				line-height: 52rpx;
				text-align: center;
				color: #081738;
				font-family: 'PingFang SC';
				font-style: normal;
			}
		}
	}
</style>